<template>
  <div>
<!--    <h1>hello vue webpack</h1>-->
    <ul>
      <li>
        <router-link to="/foo">Go to Foo</router-link>
      </li>
      <li>
        <router-link to="/bar">Go to Bar</router-link>
      </li>
      <li>
        <router-link to="/gramma">gramma</router-link>
      </li>
    </ul>
    <router-view></router-view>
<!--    <el-calendar v-model="value"></el-calendar>-->
    <el-button>默认按钮</el-button>
<!--    <el-button type="primary">主要按钮</el-button>-->
<!--    <el-button type="success">成功按钮</el-button>-->
<!--    <el-button type="info">信息按钮</el-button>-->
<!--    <el-button type="warning">警告按钮</el-button>-->
<!--    <el-button type="danger">危险按钮</el-button>-->
<!--    <el-button type="danger" @click="handleClick">测试ztd</el-button>-->
<!--    <template v-for="(item, index) in list">-->

<!--&lt;!&ndash;      <div>{{ item.text }} &#45;&#45; {{ index }}</div>&ndash;&gt;-->
<!--      <li v-for="(item, index) in list" :key="item.id">-->
<!--        <input type="checkbox" />-->
<!--        {{item.text}}-->
<!--      </li>-->
<!--    </template>-->
  </div>
</template>

<script>
export default {
  data() {
    return {
      value: new Date(),
      list: [
        {
          id: "010120",
          text: "How"
        },
        {
          id: "010121",
          text: "are"
        },
        {
          id: "010122",
          text: "you"
        }
      ]
    }
  },
  methods: {
    handleClick() {
      alert('测试ztd')

    }
  }
}
</script>

<style scoped>
h1 {
  color: blue
}
</style>
